* {
	margin: 0;
	padding: 0;
}

html,
body,
img {
	width: 100%;
	height: 100%;
}


/*好友邀请*/

.layer8 {
	width: 100%;
	height: 100%;
	background-image: url(../img/1/layer1_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	/*display: none;*/
}

.logo1 {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 15%;
}

.logo2 {
	position: absolute;
	top: 6%;
	left: 25%;
	width: 25%;
}

.layer8_text1 {
	position: absolute;
	top: 19%;
	left: 10%;
	width: 80%;
}

.layer8_information {
	position: absolute;
	top: 32%;
	left: 10%;
	width: 80%;
	animation: wobble 5s linear;
}

.layer8_text2 {
	position: absolute;
	top: 63%;
	left: 20%;
	width: 60%;
}

.promotion {
	position: absolute;
	top: 70%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}

.poor {
	position: absolute;
	top: 80%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}


/*好友拜谢*/

.layer9 {
	width: 100%;
	height: 100%;
	background-image: url(../img/1/layer1_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
}

.layer_thank {
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	animation: zoomInDown 2s linear 0s;
}

.challengeGO {
	position: absolute;
	top: 70%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}


/*未得到好友帮助*/

.layer10 {
	width: 100%;
	height: 100%;
	background-image: url(../img/1/layer1_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
}

.layer10_text1 {
	position: absolute;
	top: 25%;
	left: 10%;
	width: 80%;
}

.layer10_text2 {
	position: absolute;
	top: 31%;
	left: 15%;
	width: 70%;
}

.layer10_ico {
	position: absolute;
	top: 35%;
	left: 10%;
	width: 80%;
	animation: zoomInDown 2s linear 0s;
}

.zaiciGO_yellow {
	position: absolute;
	top: 70%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}